// Font Family
$system-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;

// Headings
@mixin heading-1($color: $white) {
  font-size: 80px;
  line-height: 86px;
  font-weight: bold;
  color: $color;
}

@mixin heading-2($color: $white) {
  font-size: 60px;
  line-height: 86px;
  font-weight: bold;
  color: $color;
}

@mixin heading-3($color: $white) {
  font-size: 30px;
  line-height: 43px;
  font-weight: bold;
  color: $color;
}

@mixin heading-4($color: $white) {
  font-size: 24px;
  line-height: 34px;
  margin: 0;
  font-weight: bold;
  color: $color;
}

// Body Text 
%large {
  line-height: 37px;
  font-size: 24px;
}

@mixin large-text($color: $white) {
  @extend %large;
  color: $color;
}

@mixin large-text-bold($color: $white) {
  @extend %large;
  font-weight: bold;
  color: $color;
}

%medium {
  line-height: 31px;
  font-size: 20px;
}

@mixin medium-text($color: $white) {
  @extend %medium;
  color: $color;
}

@mixin medium-text-bold($color: $white) {
  @extend %medium;
  font-weight: bold;
  color: $color;
}